import React from 'react'
import { TabBar } from "antd-mobile";
import {useNavigate } from "react-router-dom";
import { handleHomes } from "../../router/index";
function index() {
    const navigate = useNavigate();
  return (
    <div>
      <TabBar onChange={(key) => navigate(key)}>
          {handleHomes.map((item) => (
            <TabBar.Item key={item.path} icon={item.icon} title={item.title} />
          ))}
        </TabBar>
    </div>
  )
}

export default index
